<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>仿有道词典</title>
<link href="css/mui.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<!--下拉刷新容器-->
<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
  <div class="mui-scroll newsList">
    <!--数据列表-->
    <ul id="newsListUl"></ul>
  </div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/h.js" ></script>
<script type="text/javascript" charset="utf-8">
mui.init({
  pullRefresh : {
    container:"#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
    down : {
      height:50,//可选,默认50.触发下拉刷新拖动距离,
      auto: true,//可选,默认false.自动下拉刷新一次
      contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
      contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
      contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
      callback :getNewslist //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
    },
    up : {
      height:50,//可选.默认50.触发上拉加载拖动距离
      auto:false,//可选,默认false.自动上拉加载一次
      contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
      contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
      callback :getNewslistByPage //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
    }
  }
});
var page = 1;
function getNewslistByPage(){
	var _self = this;
	mui.get(
		'http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=mediaList&page='+page,
		function(res){
			//console.log(res);
			if(res == 'null'){
				_self.endPullupToRefresh(true);
				return false;
			}
			var newsLists = res.split('--hcSplitor--');//外层分割
			for(var i = 0; i < newsLists.length; i++){
				var li =document.createElement('li');
				var newsItem = newsLists[i].split('--hcListSplitor--');
				li.innerHTML = '<a href="javascript:openInfo('+newsItem[0]+');"><div class="imgs"><img src="'+newsItem[1]+'"/></div><div class="title">'+newsItem[2]+'</div></a>'
				h(li).appendTo("#newsListUl");
			}
			page++;
			_self.endPullupToRefresh(false);//结束上啦加载
		}
	)
}
function getNewslist(){
	page=1;
	//获取新闻列表
	mui.get(
		'http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=mediaList&page='+page,
		function(res){
			//console.log(res);
			var newsLists = res.split('--hcSplitor--');//外层分割
			var html ='';
			for(var i = 0; i < newsLists.length; i++){
				var newsItem = newsLists[i].split('--hcListSplitor--');
				html += '<li><a href="javascript:openInfo('+newsItem[0]+');"><div class="imgs"><img src="'+newsItem[1]+'"/></div><div class="title">'+newsItem[2]+'</div></a></li>'
			}
			h("#newsListUl").html(html);
			mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
			page++;
			//重置上拉
			mui('#refreshContainer').pullRefresh().refresh(true);
		}
	)
}
var _index, _self, _next, _prev;
mui.plusReady(function(){
    _self = plus.webview.currentWebview();
    _prev = plus.webview.getWebviewById('sub2.html');
    _next = plus.webview.getWebviewById('sub4.html');
    _index = plus.webview.getLaunchWebview();
    _self.drag(
        {
            direction : "right",
            moveMode  :　"followFinger"
        },
        {
            view　              :　_prev,
            moveMode  : "follow"
        },
        function(e){
            if(e.type == 'end' && e.result){
				_index.evalJS("h('#tabBar').find('a').removeClass('mui-active'); h('#nav2').addClass('mui-active');");
			}
        }
    );
//  _self.drag(
//      {
//          direction : "left",
//          moveMode  :　"followFinger"
//      },
//      {
//          view　              :　_next,
//          moveMode  : "follow"
//      },
//      function(e){
//          if(e.type == 'end' && e.result){
//				_index.evalJS("h('#tabBar').find('a').removeClass('mui-active'); h('#nav4').addClass('mui-active');");
//			}
//      }
//  );
});
function openInfo(id){
	//console.log(id);
	mui.openWindow({
	    url:'info.html',
	    id:'info.html',
	    extras:{
	      newsId : id
	    }
	})
}
</script>
</body>
</html>